<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title> Team Detail ||  Pain Charity</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!--Style Sheets-->
        <link rel="apple-touch-icon" href="apple-touch-icon.png"> 
        <link href="https://fonts.googleapis.com/css?family=Archivo+Black|Arimo:400,700|Poppins:300,400,500,600,700" rel="stylesheet"> 
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/owl.carousel.css">
        <link rel="stylesheet" href="css/owl.theme.css">
        <link rel="stylesheet" href="css/font-awesome.min.css"> 
        <link rel="stylesheet" href="../../fonts/flaticon.css">
        <link rel="stylesheet" href="css/style.css">  
        <link rel="stylesheet" href="css/odometer-theme-car.css">  
        <link rel="stylesheet" href="css/swiper.min.css">  
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/responsive.css">
        <link rel="stylesheet" href="css/color.css">
        <script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
        <div id="xp-wrapper">
            <header id="xp-header" class="layout">
                <div class="xp-vresion-three-header layout">
                    <div class="xp-top-header layout">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-8 col-sm-8 col-xs-8">
                                    <div class="xp-top-location clearfix">
                                        <ul class="clearfix">
                                            <li><i class="fa fa-envelope"></i><a href="#">admin@yahoo.com</a></li>
                                            <li><i class="fa fa-phone"></i><a href="#">080.0444.333</a></li>
                                            <li><i class="fa fa-map-marker"></i><a href="#">Street 222, South Africa</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4 col-xs-4">
                                    <div class="xp-cart-item clearfix">
                                        <div class="xp-image-holder">
                                            <div class="child-pernt">
                                                <div class="child">
                                                    <img src="images/cart-icon.png" alt="" />
                                                </div>
                                            </div>
                                            <a href="#"><i class="fa fa-sort-desc"></i></a>
                                        </div>
                                        <div class="xp-text-box">
                                            <p>My Cart 0 item</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="xp-last-header layout">
                        <div class="container">
                            <div class="xp-last-heade-inner">
                                <div class="row">
                                    <div class="col-md-3 col-sm-3 col-xs-12">
                                        <div class="xp-logo">
                                            <a href="index.html"><img src="images/logo-2.png" alt="" /></a>
                                        </div>
                                    </div>
                                    <div class="col-md-9 col-sm-9 col-xs-12">
                                        <div class="xp-navigation">
                                            <div class="navbar navbar-default" role="navigation">
                                                <div class="navbar-header">
                                                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
                                                        <span class="sr-only">Toggle navigation</span>
                                                        <span class="icon-bar"></span>
                                                        <span class="icon-bar"></span>
                                                        <span class="icon-bar"></span>
                                                    </button>
                                                </div>
                                                <div class="navbar-collapse collapse">
                                                    <ul class="nav navbar-nav pull-right">
                                                    <li><a href="index.html">Home </a>
                                                        <div class="xp-sub-menu">
                                                            <ul>
                                                                <li><a href="index2.html">Home 2</a></li>
                                                                <li><a href="index3.html">Home 3</a></li>
                                                                <li><a href="index4.html">Home 4</a></li>
                                                                <li><a href="index5.html">Home 5</a></li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li><a href="our-causes.html">Causes</a>
                                                        <div class="xp-sub-menu">
                                                            <ul>
                                                                <li><a href="our-causes-detail.html">Causes Detail</a></li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li><a href="gallery-style-1.html">Gallery </a>
                                                        <div class="xp-sub-menu">
                                                            <ul>
                                                                <li><a href="gallery-style-1.html">gallery style 1</a></li>
                                                                <li><a href="gallery-style-2.html">gallery style 2</a></li>
                                                                <li><a href="gallery-style-3.html">gallery style 3</a></li>
                                                                <li><a href="gallery-style-4.html">gallery style 4</a></li>
                                                                <li><a href="gallery-style-5.html">gallery style 5</a></li>
                                                                <li><a href="gallery-style-6.html">gallery style 6</a></li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li class="active"><a href="#">Pages</a>
                                                        <div class="xp-sub-menu">
                                                            <ul>
                                                                <li><a href="our-blog.html">our blog</a></li>
                                                                <li><a href="our-blog-detail.html">our blog detail</a></li>
                                                                <li><a href="our-events.html">our events</a></li>
                                                                <li><a href="our-events-detail.html">our events detail</a></li>
                                                                <li><a href="our-events-calendar.html">our events calendar</a></li>
                                                                <li><a href="our-team.html">our team</a></li>
                                                                <li><a href="our-team-details.html">our team details</a></li>
                                                                <li><a href="welfare-projects.html">welfare projects</a></li>
                                                                <li><a href="welfare-stories.html">welfare stories</a></li>
                                                                <li><a href="welfare-programs.html">welfare programs</a></li>
                                                                <li><a href="404-page.html">404-page</a></li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li><a href="#">Shop</a>
                                                        <div class="xp-sub-menu">
                                                            <ul>
                                                                <li><a href="our-products.html">our products</a></li>
                                                                <li><a href="products-details.html">products details</a></li>
                                                                <li><a href="cart.html">cart</a></li>
                                                                <li><a href="checkout.html">checkout</a></li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li><a href="about-us.html">About</a></li>
                                                    <li><a href="contact-us.html">Contact</a></li>
                                                </ul>
                                                </div><!--/.nav-collapse -->
                                            </div>    
                                            <div class="xp-donait-now">
                                                <a href="#">Donate Now</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </header>
            <section id="xp-banner" class="layout" >
                <div class="xp-inner-banner xp-all-inner-banner" data-parallax="scroll" data-image-src="images/all-inner-banner.jpg">
                    <div class="xp-ovrlay"></div>
                    <div class="xp-text-box">
                        <div class="child-pernt">
                            <div class="child">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="xp-text-box-innr">
                                                <h1>Team Details</h1>
                                                <p>Can you Support US</p>
                                                <ol class="breadcrumb">
                                                    <li><a href="index.html">Home</a></li>
                                                    <li class="active">Our Team</li>
                                                </ol>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <main class="main-section layout">
                <section class="xp-team-detail layout">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-10 col-md-offset-1">
                                <div class="xp-team-detail-inner">
                                    <div class="row">
                                        <div class="col-md-5 col-sm-5 col-xs-5 pull-right">
                                            <div class="xp-team-detail-image">
                                                <div class="xp-image-holder">
                                                    <img src="images/team-detail-img.jpg" alt="" />
                                                </div>
                                                <div class="team-socail">
                                                    <ul>
                                                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                                        <li><a class="google" href="#"><i class="fa fa-google-plus"></i></a></li>
                                                        <li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-7 col-sm-7 col-xs-7">
                                            <div class="xp-team-detail-text">
                                                <h3><a href="#">Elisabeth Conner</a></h3>
                                                <span>Graphic Designer</span>
                                                <p>Integer sollicitudin ligula non enim sodales lacinia nunc ornare. Sewid commodo
                                                    tempor dapibus. Duis con vallis turpis in tortor voare ri in euismod varius nullam
                                                    feugiat ultrices. Sed condimentum est libero, ali. Phasellus scelerisque nisl non
                                                    ullamcorper mollis. Donecet libero quis erat commodo suscipit commodo lorem
                                                    tempor dapibus. Duis con vallis turpis in tortor voare risus in euismod rius nuam
                                                    feugiat ultrices. Sed condimentum est libero, aliqculis</p>
                                                <ul>
                                                    <li><a href="#">105 Ohua ave. Belgium from the US, Europe and Asia </a> <i class="fa fa-map-marker"></i> </li>
                                                    <li><a href="#">080.0444.333 - 031.3213.456 </a> <i class="fa fa-phone"></i> </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> 
                </section>
                <section class="xp-services-tow xp-team-detail-services layout">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="hedding">
                                    <h2>Worker Services</h2>
                                    <p>Promote and Monitor Human Rights</p>
                                </div> 
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4 col-sm-6 col-xs-6">
                                <div class="xp-services-tow-inner">
                                    <div class="xp-image-holder">
                                        <a href="#">
                                            <div class="child-pernt">
                                                <div class="child">
                                                    <img src="images/services-tow-icon1.png" alt="" />
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="xp-text-box">
                                        <h3><a href="#">Develop and Lead</a></h3>
                                        <p>Duis il odio amet  vulpuate cursus
                                            Morbi accumsan ipsuy veli Namo
                                            auctor Class aptent socio</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-6 col-xs-6">
                                <div class="xp-services-tow-inner">
                                    <div class="xp-image-holder">
                                        <a href="#">
                                            <div class="child-pernt">
                                                <div class="child">
                                                    <img src="images/services-tow-icon2.png" alt="" />
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="xp-text-box">
                                        <h3><a href="#">Provide a Range</a></h3>
                                        <p>Duis il odio amet  vulpuate cursus
                                            Morbi accumsan ipsuy veli Namo
                                            auctor Class aptent socio</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-6 col-xs-6">
                                <div class="xp-services-tow-inner">
                                    <div class="xp-image-holder">
                                        <a href="#">
                                            <div class="child-pernt">
                                                <div class="child">
                                                    <img src="images/services-tow-icon3.png" alt="" />
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="xp-text-box">
                                        <h3><a href="#">Respect the Rights</a></h3>
                                        <p>Duis il odio amet  vulpuate cursus
                                            Morbi accumsan ipsuy veli Namo
                                            auctor Class aptent socio</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-6 col-xs-6">
                                <div class="xp-services-tow-inner">
                                    <div class="xp-image-holder">
                                        <a href="#">
                                            <div class="child-pernt">
                                                <div class="child">
                                                    <img src="images/services-tow-icon4.png" alt="" />
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="xp-text-box">
                                        <h3><a href="#">Individual Donors</a></h3>
                                        <p>Duis il odio amet  vulpuate cursus
                                            Morbi accumsan ipsuy veli Namo
                                            auctor Class aptent socio</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-6 col-xs-6">
                                <div class="xp-services-tow-inner">
                                    <div class="xp-image-holder">
                                        <a href="#">
                                            <div class="child-pernt">
                                                <div class="child">
                                                    <img src="images/services-tow-icon5.png" alt="" />
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="xp-text-box">
                                        <h3><a href="#">Innovative solutions</a></h3>
                                        <p>Duis il odio amet  vulpuate cursus
                                            Morbi accumsan ipsuy veli Namo
                                            auctor Class aptent socio</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-6 col-xs-6">
                                <div class="xp-services-tow-inner">
                                    <div class="xp-image-holder">
                                        <a href="#">
                                            <div class="child-pernt">
                                                <div class="child">
                                                    <img src="images/services-tow-icon6.png" alt="" />
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="xp-text-box">
                                        <h3><a href="#">Mission Statement</a></h3>
                                        <p>Duis il odio amet  vulpuate cursus
                                            Morbi accumsan ipsuy veli Namo
                                            auctor Class aptent socio</p>
                                    </div>
                                </div>
                            </div> 
                        </div>
                    </div> 
                </section>
            </main>
            <footer id="footer" class="layout">
                <div class="footer section-padding layout" data-parallax="scroll" data-image-src="images/footer-bg.jpg">
                    <div class="xp-ovrlay"></div>
                    <div class="container">
                        <div class="row">
                            <div class="col-md-3 col-sm-4 col-xs-6">
                                <div class="footer-inner layout">
                                    <h3><span></span>flickr widget</h3>
                                    <div class="footer-flicker layout">
                                        <ul class="layout">
                                            <li><a href="#"><img src="images/footer-flickr-img1.jpg" alt=""/></a></li>
                                            <li><a href="#"><img src="images/footer-flickr-img2.jpg" alt=""/></a></li>
                                            <li><a href="#"><img src="images/footer-flickr-img3.jpg" alt=""/></a></li>
                                            <li><a href="#"><img src="images/footer-flickr-img4.jpg" alt=""/></a></li>
                                            <li><a href="#"><img src="images/footer-flickr-img5.jpg" alt=""/></a></li>
                                            <li><a href="#"><img src="images/footer-flickr-img6.jpg" alt=""/></a></li>
                                            <li><a href="#"><img src="images/footer-flickr-img7.jpg" alt=""/></a></li>
                                            <li><a href="#"><img src="images/footer-flickr-img8.jpg" alt=""/></a></li>
                                            <li><a href="#"><img src="images/footer-flickr-img9.jpg" alt=""/></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-4 col-xs-6">
                                <div class="footer-inner layout">
                                    <h3><span></span>Help Compains</h3>
                                    <div class="footer-help-comanis layout">
                                        <ul class="layout">
                                            <li> <div class="xp-shapes"></div> <a href="#">What's the structure ads?</a></li>
                                            <li> <div class="xp-shapes"></div> <a href="#">Campaign Builder Terminology</a></li>
                                            <li> <div class="xp-shapes"></div> <a href="#">create up to 5000 campaigns.</a></li>
                                            <li> <div class="xp-shapes"></div> <a href="#">Hugely Successful when it Comes</a></li>
                                            <li> <div class="xp-shapes"></div> <a href="#">Strong and can be Attributed</a></li>
                                            <li> <div class="xp-shapes"></div> <a href="#">The Fight For Women's Care</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-4 col-xs-6">
                                <div class="footer-inner layout">
                                    <h3><span></span>Latest News</h3>
                                    <div class="footer-latest-news layout">
                                        <div class="footer-latest-inner layout">
                                            <div class="xp-image-holder">
                                                <a href="#"><img src="images/footer-latest-news-img1.jpg" alt="" /></a>
                                            </div>
                                            <div class="xp-text-box">
                                                <span>24 December 2016</span>
                                                <h4><a href="#">Protection and Social Inclusion</a></h4>
                                            </div>
                                        </div>
                                        <div class="footer-latest-inner layout">
                                            <div class="xp-image-holder">
                                                <a href="#"><img src="images/footer-latest-news-img2.jpg" alt="" /></a>
                                            </div>
                                            <div class="xp-text-box">
                                                <span>24 December 2016</span>
                                                <h4><a href="#">through sponsored moustache</a></h4>
                                            </div>
                                        </div>
                                        <div class="footer-latest-inner  layout">
                                            <div class="xp-image-holder">
                                                <a href="#"><img src="images/footer-latest-news-img3.jpg" alt="" /></a>
                                            </div>
                                            <div class="xp-text-box">
                                                <span>24 December 2016</span>
                                                <h4><a href="#">based on shared humour</a></h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-6 col-xs-6">
                                <div class="footer-inner layout">
                                    <h3><span></span>About Pain</h3>
                                    <div class="footer-pain layout">
                                        <p>Rem iplsum dolor amet, consectetuer 
                                            adipiscingelit, sed diam nonummy nib
                                            euismod tincidu laoreet dolore magna
                                            aliquam erat volutpat euimod....</p>
                                        <ul>
                                            <li><a href="#"><i class="fa fa-phone"></i></a></li>
                                            <li><a href="#"><i class="fa fa-map-marker"></i></a></li>
                                            <li><a href="#"><i class="fa fa-envelope"></i></a></li>
                                        </ul>
                                        <p>105 Ohua ave. Belgium from the US, 
                                            Europe and Asia </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <section class="xp-copyright layout">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <p><span>Pain</span> - Copyright 2016. Design by <span>wellconcept</span></p>
                            </div>
                        </div>
                    </div>
                </section>
            </footer>
        </div>
        <script src="js/vendor/jquery.js"></script>
        <script src="js/vendor/jquery-ui.min.js"></script>
        <script src="js/vendor/bootstrap.min.js"></script>
        <script src="js/vendor/jquery.appear.js"></script>
        <script src="js/vendor/isotope.pkgd.js"></script>
        <script src="js/vendor/parallax.min.js"></script>
        <script src="js/vendor/odometer.js"></script>
        <script src="js/vendor/owl.carousel.min.js"></script>
        <script src="js/vendor/jquery.countdown.min.js"></script>
        <script src="js/vendor/jquery.countdownTimer.min.js"></script>
        <script src="js/vendor/swiper.min.js"></script>
        <script src="js/main.js"></script>
    </body>
</html>
